<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-white solids-bottom">
			<block slot="content">
				经纪人
			</block>
			<block slot="right">
			</block>
		</cu-custom>
		
		<view class="model">
			<view class="model-main">
				<view class="uni-row model-item">
					<view class="cu-avatar-box">
						<view class="uni-flex">
							<view class="cu-avatar lg round margin-right" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg);"></view>
							<view style="flex: 1;">
								<view class="cu-avatar-name">吴亦凡
								<sunui-star :defaultStar="3" :disabledStar="true" class="sunui-star" :starSize="'1em'" style="display:inline-block;"/></view>
								<view class="cu-avatar-num">
									<text class="padding-right">向上地产</text><text>18512345678</text>
								</view>
							</view>
							<view class="toolbox">
								<text class="iconfont">&#xe61d;</text>
								<text class="iconfont">&#xe68f;</text>
							</view>
						</view>
					</view>
				</view>
				<view class="uni-row model-item">
					<view class="cu-avatar-box">
						<view class="uni-flex">
							<view class="cu-avatar lg round margin-right" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg);"></view>
							<view style="flex: 1;">
								<view class="cu-avatar-name">吴亦凡
								<sunui-star :defaultStar="3" :disabledStar="true" class="sunui-star" :starSize="'1em'" style="display:inline-block;"/></view>
								<view class="cu-avatar-num">
									<text class="padding-right">珠海市晟意网络有限公司</text><text>18512345678</text>
								</view>
							</view>
							<view class="toolbox">
								<text class="iconfont">&#xe61d;</text>
								<text class="iconfont">&#xe68f;</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import sunuiStar from '@/components/sunui-star/sunui-star.vue';
	export default {
		components: {
			sunuiStar,
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.model-main>.uni-row.model-item{
    	padding: 30upx;
    	overflow: hidden;
    	position: relative;
    	&:after{
    		content: "";
    		display: block;
    		height: 2upx;
    		width: 100%;
    		background: #CCCCCC;
    		left: 30upx;
    		bottom: 0;
    		position: absolute;
    	}
    	.cu-avatar-box{
    		.cu-avatar-name{
    			font-size: 32upx;
    			color: #333333;
    			line-height: 48upx;
    		}
    		.cu-avatar-num{
				line-height: 1;
				text{
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					max-width: 50%;
					display: inline-block;
					font-size: 24upx;
					color: #999999;
					line-height: 48upx;
					&.padding-right{
						padding-right: 10upx;
						box-sizing: border-box;
					}
				}
    		}
    		.cu-avatar-main{
    			line-height: 1.5;
    			overflow: hidden;
    			text-overflow: ellipsis;
    			display: -webkit-box;
    			-webkit-line-clamp: 3;
    			-webkit-box-orient: vertical;
    		}
    	}
		.toolbox{
			.iconfont{
				font-size: 50upx;
				display: inline-block;
				color: #fff;
				background: var(--red);
				padding: 10upx;
				line-height: 1;
				margin: 14upx 20upx;
				border-radius: 50%;
			}
		}
    }
</style>
